<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>互联网人工具箱</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Keywords" content="互联网人工具箱、常用网站、产品经理工具箱、设计师工具箱、程序开发工具箱、产品运营工具箱、新媒体运营" />
<meta name="Description" content="互联网人工具箱，专注于收集产品经理、产品运营、设计师、程序员、新媒体运营人员常用网站。" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
  <link href="static/css/mui.min.css" rel="stylesheet" type="text/css" />
  <link href="static/css/style.css" rel="stylesheet" type="text/css" />
  <script src="static/js/mui.min.js"></script>
  <script src="static/js/jquery-2.1.4.min.js"></script>
  <script src="static/js/allData.js"></script>
  <script src="static/js/script.js"></script>

  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?fe43c0e5f6f1482d3d491d1041959d5c";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-105082046-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-105082046-1');
  </script>


</head>

<body>
  <div id="sidedrawer" class="mui--no-user-select box-shadow">
    <div id="sidedrawer-brand" class="mui--appbar-line-height">
      <span class="mui--text-title">互联网人工具箱</span>
    </div>
    <div class="mui-divider"></div>
    <ul id="nav-list">
      <!-- <li>
        <a href="#">Item 1</a>
      </li> -->
    </ul>
  </div>
  <header id="header">
    <div class="mui-appbar mui--appbar-line-height">
      <div class="mui-container-fluid">
        <a class="sidedrawer-toggle mui--visible-xs-inline-block mui--visible-sm-inline-block js-show-sidedrawer">☰</a>
        <a class="sidedrawer-toggle mui--hidden-xs mui--hidden-sm js-hide-sidedrawer">☰</a>
        <span class="mui--text-title mui--visible-xs-inline-block mui--visible-sm-inline-block">互联网人工具箱</span>
      </div>
    </div>
  </header>
  <div id="content-wrapper">
    <div class="mui--appbar-height"></div>
    <div class="pannel-wrap" id="conRight">
      <!-- 
      <div class="pannel box-shadow">
        <div class="panner-header">
          <h3>行业资讯</h3>
        </div>
        <div class="panner-body">
          <div class="mui-container-fluid">
            <div class="mui-row">
              <div class="mui-col-sm-6 mui-col-md-4 mui-col-lg-3">
                <a class="list-link" target="_blank">
                  <div class="pannel-list">
                    <div class="cf">
                      <div class="web-logo">
                        <img class="img-responsive" width="35" height="35" src="static/images/0001.jpg">
                      </div>
                      <span class="web-name">xxxxx</span>
                    </div>
                    <div class="web-desc">
                      xxxx
                    </div>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div> -->

    </div>

  </div>
  <footer id="footer">
    <div class="mui-container-fluid">
      <div class="erweima"><img src="static/images/erweima.jpg" alt=""></div>
      <p class="erweima_text">欢迎扫描二维码，关注公众号，提意见哦！</p>
      <p class="copyright">Copyright©2018&nbsp;风林火山&nbsp;版权所有&nbsp;&nbsp;
        <a target="_blank" href="http://www.miitbeian.gov.cn">京ICP备17046017号</a>
      </p>
    </div>
  </footer>

  <script>
    $(function () {
      document.oncontextmenu = function () {
        return false;
      }
      document.onselectstart = function () {
        return false;
      }
      document.oncopy = function () {
        return false;
      }

      $("html, body").stop().animate({
        scrollTop: 0 + "px"
      }, 500);

      var data = allData.list.sort(function(a,b){
        return a.order - b.order;
      });
      $('#nav-list').empty();
      $('#conRight').empty();
      //解析左侧导航列表和右侧内容
      for (var i = 0; i < data.length; i++) {
        var leftList = '<li>' +
          '<a name="#' + data[i].sectionId + '">' + data[i].title + '</a>' +
          '</li>'
        $('#nav-list').append(leftList);

        var detailData = data[i].detail;

        var innerList = "";
        for (var j = 0; j < detailData.length; j++) {
          innerList += '<div class="mui-col-sm-6 mui-col-md-4 mui-col-lg-3">' +
            '<a class="list-link" target="_blank"  href="' + detailData[j].cellHref + '">' +
            '<div class="pannel-list">' +
            '<div class="cf">' +
            '<div class="web-logo">' +
            '<img class="img-responsive" width="35" height="35" src="static/' + detailData[j].cellLogo + '">' +
            '</div>' +
            '<span class="web-name">' + detailData[j].cellTitle + '</span>' +
            '</div>' +
            '<div class="web-desc">' + detailData[j].cellDescribe + '</div>' +
            '</div>' +
            '</a>' +
            '</div>'
        }
        var rightCon = '<div class="pannel box-shadow" id="' + data[i].sectionId + '">' +
          '<div class="panner-header">' +
          '<h3>' + data[i].title + '</h3>' +
          '</div>' +
          '<div class="panner-body">' +
          '<div class="mui-container-fluid">' +
          '<div class="mui-row">' + innerList + '</div>' +
          '</div>' +
          '</div>' +
          '</div>';
        $('#conRight').append(rightCon);

      }

      //默认导航第一个选中
      //$("#nav-list li a:first").addClass('nav_active');

      //点击左侧导航右侧到对应的导航位置

      $("#nav-list li a").click(function () {
        //$(this).addClass('nav_active').parent().siblings().children().removeClass('nav_active');
        var divName = $(this).attr('name');
        $("html, body").stop().animate({
          scrollTop: $(divName).offset().top - 68 + "px"
        }, 500);

      })

      $("#nav-list li a").hover(function () {
        $(this).addClass('nav_active').parent().siblings().children().removeClass('nav_active');
      }, function () {
        $(this).removeClass('nav_active');
      })

    })
  </script>

</body>

</html>